<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

	<link rel="stylesheet" data-th-href="@{static/bootstrap/css/bootstrap.css}">
	<link rel="stylesheet" data-th-href="@{static/bootstrap/css/bootstrap-theme.css}">
	<link rel="stylesheet" href="static/bootstrap-table/dist/bootstrap-table.css">
	<link rel="stylesheet" th:href="@{webjars/bootstrap-select/2.0.0-beta1/dist/css/bootstrap-select.css}">
	<link data-th-href="@{webjars/bootstrapvalidator/css/bootstrapValidator.css}"	rel="stylesheet" />
	<!-- treegrid鐨刢ss -->
	<link rel="stylesheet" href="static/bootstrap-table/dist/extensions/treegrid/treegrid.css">
	<!-- combotree鐨刢ss -->
	<link rel="stylesheet" href=static/combotree/bootstrap-treeview.css>
	<!--  鑷畾涔塩ss -->
	<!-- <link href="static/css/dashboard.css" rel="stylesheet"> -->
	<link href="static/bootstrap/css/light-theme.css" rel="stylesheet">
	
	<script type="text/javascript"	data-th-src="@{static/bootstrap/js/jquery-3.3.1.min.js}"></script>
	<script data-th-src="@{webjars/knockout/knockout.js}" type="text/javascript"></script>
	<script	data-th-src="@{webjars/knockout-mapping/2.4.1/knockout.mapping.js}" type="text/javascript"></script>
	<script type="text/javascript" data-th-src="@{static/bootstrap/js/bootstrap.min.js}"></script>
	<script type="text/javascript" 	th:src="@{webjars/bootstrap-select/2.0.0-beta1/dist/js/bootstrap-select.js}"></script>
	<script type="text/javascript" th:src="@{webjars/bootstrap-select/2.0.0-beta1/dist/js/i18n/defaults-zh_CN.js}"></script>
	<script	data-th-src="@{webjars/bootstrapvalidator/js/bootstrapValidator.js}"></script>
	<script src="static/bootstrap-table/dist/bootstrap-table.js"></script>
	<script	src="static/bootstrap-table/dist/locale/bootstrap-table-zh-CN.js"></script>
	<script data-th-src="@{../webjars/bootbox/4.4.0/bootbox.js}"></script>
	<!-- treegrid鐨刯s -->
	<script src="static/bootstrap-table/dist/extensions/treegrid/bootstrap-table-treegrid.js"></script>
	<script src="static/bootstrap-table/dist/extensions/treegrid/jquery.treegrid.js"></script>
	<!-- combotree鐨刯s -->
	<script src="static/combotree/bootstrap-treeview.js"></script>
	<script src="static/combotree/combotree.js"></script>
	<script type="text/javascript" src="static/bootstrap-table/knockout.bootstrapTable.ljc.js"></script>
	<script type="text/javascript" src="static/js/custom.js"></script>
	<script th:src="@{{path}/static/bootstrap/js/jquery.mobile-events.min.js(path=${#request.getContextPath()})}" type='text/javascript'></script>
	<script th:src='@{{path}/static/bootstrap/js/nav.js(path=${#request.getContextPath()})}' type='text/javascript'></script>
	  
  </head>
<body class='contrast-dark'>
	<header>
		<div class='navbar'>
			<div class='navbar-inner'>
				<div class='container-fluid'>
					<a class='navbar-brand' href='index.html'> <span
						class='hidden-phone' style="color: white;">鏁欏姟绠＄悊绯荤粺</span>
					</a> <a class='toggle-nav btn pull-left' style="margin-top: 10px;"
						href='#'> <i class='icon-reorder'></i>
					</a>
					<ul class='nav pull-right'>

						<li class='dropdown dark user-menu' style="margin-top: 10px;">
							<a class='dropdown-toggle' data-toggle='dropdown' href='#'> <img
								alt='name' height='23' src='../static/img/admin.png' width='23' />
								<span class='user-name hidden-phone'>鍚嶅瓧</span> <b class='caret'></b>
						</a>
							<ul class='dropdown-menu'>
								<li><a href='user_profile.html'> <i class='icon-user'></i>
										涓汉璧勬枡
								</a></li>
								<li class='divider'></li>
								<li><a href='logout'> <i class='icon-signout'></i> 鐧诲嚭
								</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</header>
	<div id='wrapper'>
		<div id='main-nav-bg' >
			<div id="menu">
				<a data-toggle="collapse" data-parent="#menu" href="#content01">鐧惧害涓�涓�</a>
				<div id="content01" class="collapsing">
					<p>1111111111</p>
					<p>1111111111</p>
					<p>1111111111</p>
					<p>1111111111</p>
					<p>1111111111</p>
					<p>1111111111</p>
					<p>1111111111</p>
				</div>
				<a data-toggle="collapse" data-parent="#menu" href="#content02">鐧惧害涓�涓�2</a>
				<div id="content02">
					<p>222222222</p>
					<p>222222222</p>
					<p>222222222</p>
					<p>222222222</p>
					<p>222222222</p>
					<p>222222222</p>
				
				</div>
			</div>
		</div>
<!-- 		<nav class='' id='main-nav'>
			<div class='navigation'>
				<ul class='nav nav-stacked'>
					<li><a
						th:href='@{{path}index(path=${#request.getContextPath()})}'> <i
							class='icon-dashboard'></i> <span>棣栭〉</span>
					</a></li>
					<li title="teacher/manage"><a href='#'> <i
							class='icon-book'></i> <span>鏁欏笀绠＄悊</span>
					</a></li>
					<li><a class='dropdown-collapse ' href='#'> <i
							class='icon-bookmark'></i> <span>閮ㄩ棬淇℃伅</span> <i
							class='icon-angle-down angle-down'></i>
					</a>
						<ul class='nav nav-stacked'>
							<li class=''><a href='#'> <i class='icon-caret-right'></i>
									<span>鏌ョ湅閮ㄩ棬</span>
							</a></li>
							<li class=''><a href='#'> <i class='icon-caret-right'></i>
									<span>缂栬緫閮ㄩ棬</span>
							</a></li>
						</ul></li>
				</ul>
			</div>
		</nav>
 -->
		<!-- 鍐呭 -->
		<section id='content'>
			<div class='container-fluid'>
				<div class='row-fluid' id='content-wrapper'>
					<div class='span10'>
						<!-- 鏍囬 -->
						<div class='page-header'>
							<h1 class='pull-left'>
								<i class='icon-dashboard'></i> <span>棣栭〉</span>
							</h1>
						</div>
						<!-- 鏍囬 -->
					</div>
				</div>
			</div>
		</section>
		<!-- 鍐呭 -->
	</div>
	<script type="text/javascript">
		$(function(){
			$("li[title]").click(function() {
				$("li[title]").attr("class",null);
				var src = $(this).attr('title');
				$("#content-wrapper").load(src);
				$(this).attr("class","active");
			});
			
		});
		
		$("#content01").collapse({
			toggle:true
		});
		$('#content02').collapse("show");
		</script>
</body>

</html>